<template>
	<view class="page">
		<div class="tongxingzheng">
			<h3>一张通往母校的通行证<br>
				<span style="letter-spacing: 0.25rem;">&nbsp;欢迎你常回家看看</span>
			</h3>
			<!-- <div class="weui-loadmore weui-loadmore_line" style="width: 3.25rem; margin: 0.7rem auto;">
				</div> -->
			<p>————</p>
			<p class="f16">有效期至&nbsp;&nbsp;永远</p>
		</div>
		<div class="sc-card shadow yuanjiao margin20-b">
			<div class="img-box shadow" style="height:50vw;background-image:url(https://imgs.qunarzz.com/p/tts9/1908/e5/ae14cb05c5d23a02.png_640x360_d9633b29.png); background-size:100%; border-radius: 0.3125rem; margin: 0.425rem;"></div>
		</div>

		<div class="page-bd-15 margin20-t">
			<a href="javascript:;" class="weui-btn weui-btn_primary " id="a" style="width: auto;">申领校友卡</a>
		</div>
		<div class="margin10-t tcenter sc-sl">
			<a href="javascript:;" class="f-green f16">申领进度查询</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" class="f-green f16">申领说明</a>
		</div>
		</div>

		<!-- <div class="weui-footer_fixed-bottom">
			<p class="tcenter"> <a href="" class="f-black f16" style="text-decoration: underline;">返回服务大厅</a></p>
		</div> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.shadow {
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}

	.yuanjiao {
		border-radius: 0.6125rem;
	}

	.sc-sl {
		justify-content: center;
		display: flex;
	}

	.sc-sl a {
		margin: 10rpx 30rpx;
	}
</style>
